<template>
  <div class="active-details">
    <div class="container">
      <!-- <build-el-h1></build-el-h1> -->
      <oneTitle title="大赛背景"></oneTitle>
      <div class="flex-row al-start">
        <el-image
          style="width: 586px; height: 450px"
          v-if="details.contestFileId == 1"
          :src="details.contestVideoUrl"
          fit="cover"
        ></el-image>
        <build-el-video
          width="504px"
          height="378px"
          v-else
          :src="details.contestVideoUrl"
          :poster="home.data.poster"
        ></build-el-video>
        <!-- <p class="info">{{home.data.text}}</p> -->
        <div class="fwb info aa" v-html="details.contestText"></div>
      </div>
    </div>
  </div>
</template>
<script>
import buildElH1 from "../build-el-h1";
import buildElVideo from "../build-el-video";
import JSONData from "@/assets/JSON";
export default {
  components: {
    buildElH1,
    buildElVideo,
  },
  data() {
    return {
      ...JSONData,
      details: {},
    };
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 1 });
    this.details = res;
    console.log(this.details, "大赛详情");
  },
};
</script>
<style lang="less" scoped>
.container {
  padding-top: 60px;
  .info {
    margin-left: 37px;
    width: 659px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 30px;
  }
}
</style>
